//表单左边*号
 /deep/ .u-form-item__body__left__content__required{
 	//left: -20rpx;
 	//position: absolute;
   //color: $main-color;
 };
//@import "publicVariable";

/deep/ .u-input__content__field-wrapper__field{
  text-align: right !important;
}

///deep/ .u-input{
//  background-color: #fff !important;
//}

//多行文本背景色
/deep/ .u-textarea{
  background-color: #fff !important;
}

//表单左边文字
/deep/ .u-form-item__body__left {
  //width: 30%;
  min-width: 120rpx;
  width: auto !important;
  max-width: 60vw;
}

/deep/ .u-form-item__body__left__content__label {
  font-size: 28rpx;
  font-weight: 400;
  letter-spacing: 2rpx;
  color: #000000!important;
}
//表单input 的 placeholder
/deep/ .uni-input-placeholder {
  height: 40rpx;
  font-size: 28rpx;
  font-weight: 400;
  color: #AAAAAF !important;
  line-height: 40rpx;
  letter-spacing: 2rpx;
  text-align: right;
}
//表单textarea 的placeholder
/deep/ .uni-textarea-placeholder{
  @extend .uni-input-placeholder;
  text-align: left;
  overflow: visible;
}
//文本域样式
/deep/ .u-textarea{
  background-color: #F7F8FA;
  border-radius: 5rpx;
  margin-bottom: 20rpx;
}

//单选框文本
/deep/ .u-radio__text{
  //height: 40rpx;
  font-size: 24rpx !important;

  font-weight: 400;
  color: #AAAAAF !important ;
  margin-right: 10rpx;
}
//单选框样式
/deep/ .u-radio-group--row{
  justify-content: flex-end;
}
//带 row_slot_end 类的 插槽在最右侧
/deep/ .row_slot_end .u-form-item__body__right__content__slot {
  justify-content: right;

}

//带 placeholder_center类的 设置表单提示信息居中
/deep/ .placeholder_center .uni-input-placeholder {
  text-align: center;
}

//带 table_text类的 去掉input的padding
/deep/ .table_text .u-input{
  padding: 0 !important;
}

//带 table_text类的 输入框 文字居中
/deep/ .table_text .uni-input-input {
  font-size: $myTable-fs;
  font-weight: 500;
  color: #525252;
  text-align: center !important;
}
//所有输入框的样式
/deep/ .uni-input-input{
  font-size: $mylistxR-fs;
}
//所有 多行文本输入框的样式
/deep/ .uni-textarea-compute{
  font-size: $mylistxR-fs;
  margin-top: 10rpx;
}
/deep/ .u-textarea{
  margin-top: 20rpx;
}

//图片上传组件
/deep/ .u-upload__wrap{
  justify-content: flex-end;
}

.form_card {
  border-radius: 20rpx;
  box-sizing: border-box;
  padding: 10rpx 40rpx 30rpx;
  margin-top: 20rpx;
  background-color: #ffffff;

  .form_title {
    font-size: $uni-font-size-base;
    font-weight: bold;
    color: #302e37;
    border-bottom: 3rpx solid $main-color;
    height: 80rpx;
    line-height: 80rpx;
  }
}

.photo {
  height: 40rpx;
  font-size: 26rpx;
  color: $main-color;
}

.form_icon1 {
  width: 40rpx;
  height: 40rpx;
}

.form_img {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10rpx;
  width: 100%;
  height: 210rpx;
  overflow: hidden;
  overflow-x: auto;

  .fmimgx {
    position: relative;
    margin-top: 10rpx;
    flex-shrink: 0;
    width: 40%;
    margin-left: 2%;
    height: 180rpx;
    // background: #ff0000;
    border-radius: 15rpx;

    &:first-of-type {
      margin-left: 0%;
    }

    .deletfimg {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      //right: 10rpx;
      right: 0;
      top: 10rpx;
      //height: 40rpx;
      //width: 40rpx;
      //width: auto;
      padding: 0rpx 10rpx;
      z-index: 10;
      // color: #ffaa00;
      // border-radius: 100%;
      // background-color: rgba(0, 0, 0, 0.3);
    }
  }
}

.remind {
  height: auto;
  width: 100%;
  font-size: 18rpx;
  font-weight: 400;
  color: #aaaaad;
  letter-spacing: 1rpx;

  image {
    margin-right: 10rpx;
    width: 18rpx;
    height: 18rpx;
  }
}

.fmimg {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10rpx;
  width: 100%;
  height: 210rpx;
  overflow: hidden;
  overflow-x: auto;

  .fmimgx {
    position: relative;
    margin-top: 10rpx;
    flex-shrink: 0;
    width: 40%;
    margin-left: 2%;
    height: 180rpx;
    // background: #ff0000;
    border-radius: 15rpx;

    &:first-of-type {
      margin-left: 0%;
    }

    .deletfimg {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 0;
      top: 10rpx;
      //height: 40rpx;
      //width: 40rpx;
      //width: auto;
      padding: 0 10rpx;
      z-index: 10;
      //border:1px solid red;
      // color: #ffaa00;
      // border-radius: 100%;
      // background-color: rgba(0, 0, 0, 0.3);
    }
  }
}

.photoBgc{
  background-color: #eefdf9;
  //background-color: #D8D8D8;
  //background-color: antiquewhite;
}
